<!doctype html>
<html class="no-js" lang="en">
  <head>
    <title>静态结构、样式-微信版</title>
    @@include('./_common/header/head.html')
  </head>
  <body>
    <div class="container-box" id="container-box">
        <div class="default_div">
            <!-- 用于登录 -->
            <ul class="default_form">
              <li class="login_li_data">
                <label>手机号码</label>
                <input type="text" class="f_phone_code" />
                <a class="f_code" href="javascipt:;">获取验证码</a>
              </li>
              <li class="login_li_data">
                <label>验证码</label>
                <input type="text" />
              </li>
            </ul>
            <div class="f_ck"><p><i class="iconfont icon-checkbox"></i><input type="checkbox" class="f_checkbox" />我同意《大白管家条款》</p></div>
            <div class="f_submit"><input type="submit" value="提交" class="f_btn" /></div>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <!-- 增加、修改、列表地址  左右padding目前=0.16rem; mT014=marginTop=14之间的常见间距-->
            <h4>地址的列表</h4>
            <ul class="address_list">
                <li class="al_active">
                    <a href="#">
                        <em>何人<i>132544557411</i></em>
                        <p>广东广州大道北19232号c座24栋</p>
                        <i class="iconfont icon-xiangyou"></i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <em>何人<i>132544557411</i></em>
                        <p>广东广州大道北19232号c座24栋</p>
                        <i class="iconfont icon-xiangyou"></i>
                    </a>
                </li>
            </ul>
            <div class="f_submit mT06"><a class="add_btn" href="#">+ 新增地址</a></div>
            <h4>地址的添加与修改</h4>
            <ul class="default_form mT03">
                <li>
                    <label>姓名</label>
                    <input type="text" placeholder="请输入姓名" />
                </li>
                <li>
                    <label>姓名</label>
                    <p class="default_no_update">无法修改状态</p>
                </li>
                <li>
                    <label>手机号码</label>
                    <input type="text" value="1375226614" readonly />
                </li>
                <li>
                    <a href="#">
                        <label>所在小区</label>
                        <input type="text" placeholder="请选择小区" />
                    </a>
                </li>
                <li>
                    <label>备注</label>
                    <p class="default_no_update">谢谢</p>
                </li>
            </ul>
            <!-- default_pd016 后面背景白且是上下左右pd的可以用这个class -->
            <div class="default_pd016 mT014">
                <label>订单号</label>
                <p class="default_no_update">131341545484</p>
            </div>
            <div class="default_pd016 mT014">
                <a href="#" class="default_pd016_a">
                    <label>设为默认地址</label>
                    <input type="checkbox" />
                    <i class="iconfont icon-checkbox1 link_more"></i>
                </a>
            </div>
            <div class="f_submit mT03"><input type="submit" value="确定" class="f_btn f_btn6" /></div>
            <br/>
            <br/>
            <!-- 添加备注信息 -->
            <div class="default_pd016 mT014 default_note">
                <div class="d_note_head">
                    <label>备注</label>
                    <textarea placeholder="添加备注信息"></textarea>
                </div>
                <ul class="default_label">
                    <li class="active">label</li>
                    <li>label</li>
                    <li>label</li>
                    <li>label</li>
                    <li>label</li>
                    <li>label</li>
                    <li>label</li>
                </ul>
            </div>
            <br/>
            <br/>
            <br/>
            <br/>
            <!-- 个人中心 -->
            <ul class="default_Picture">
                <li class="dP_pic">
                    <label>头像</label>
                    <div class="dp_pic_r">
                        <img src="./images/staticDemo/picture.jpg" />
                        <i class="iconfont icon-xiangyou"></i>
                    </div>
                </li>
                <li class="dP_pic">
                    <a href="#">
                        <label>头像</label>
                        <div class="dp_pic_r">
                            <img src="./images/staticDemo/picture_ud.jpg" />
                            <i class="iconfont icon-xiangyou"></i>
                        </div>
                    </a>
                </li>
                <li>
                    <label>姓名</label>
                    <input type="text" value="Lghua" readonly/>
                    <i class="iconfont icon-xiangyou"></i>
                </li>
                <li>
                    <label>账号</label>
                    <input type="text" value="13584521214" readonly/>
                    <i class="iconfont icon-xiangyou"></i>
                </li>
                <li>
                    <a href="#">
                        <label>地址管理</label>
                        <i class="iconfont icon-xiangyou"></i>
                    </a>
                </li>
                <li>
                    <label>姓名</label>
                    <input type="text" placeholder="请输入姓名"/>
                </li>
            </ul>
            <a class="default_skip" href="#">跳过</a>
            <div class="f_submit mT16"><input type="submit" value="确定" class="f_btn" /></div>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <ul class="default_Picture">
                <li class="dP_pic">
                    <div class="dp_pic_l">
                        <img src="./images/staticDemo/picture.jpg" />
                    </div>
                    <div class="dp_pic_name">
                        <p>Lghua</p>
                        <a href="#">登录/注册</a>
                        <i class="iconfont icon-xiangyou"></i>
                    </div>
                </li>
                <li>
                    <label>我的订单</label>
                    <i class="iconfont icon-xiangyou"></i>
                </li>
                <li>
                    <label>我的卡劵</label>
                    <i class="iconfont icon-xiangyou"></i>
                </li>
            </ul>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <!-- 购买列表 -->
            <ul class="buyList">
                <li>
                    <div class="bL_pic"><img src="./images/staticDemo/wCard_pic.jpg"/></div>
                    <div class="bL_com">
                        <em>商品名称</em>
                        <p><span>价格：28</span><i>原价：36</i></p>
                    </div>
                    <div class="bL_num">
                        <div class="bl_no_num">
                            <i class="iconfont icon-jian bL_num_aminus"></i>
                            <!-- 点击减icon时变化 -->
                            <span>2</span>
                        </div>
                        <i class="iconfont icon-jia bL_num_add"></i>
                    </div>
                </li>
                <li>
                    <div class="bL_pic"><img src="./images/staticDemo/wCard_pic.jpg"/></div>
                    <div class="bL_com">
                        <em>商品名称</em>
                        <p><span>价格：28</span><i>原价：36</i></p>
                    </div>
                    <div class="bL_num">
                        <div class="bl_no_num">
                            <i class="iconfont icon-jikediancanicon08 bL_num_aminus"></i>
                            <!-- 点击减icon时变化 -->
                            <span>2</span>
                        </div>
                        <i class="iconfont icon-jia bL_num_add"></i>
                    </div>
                </li>
                <li>
                    <div class="bL_pic"><img src="./images/staticDemo/wCard_pic.jpg"/></div>
                    <div class="bL_com">
                        <em>商品名称</em>
                        <p><span>价格：28</span><i>原价：36</i></p>
                    </div>
                    <div class="bL_num">
                        <div class="bl_no_num u-none">
                            <i class="iconfont icon-jikediancanicon08 bL_num_aminus"></i>
                            <span>0</span>
                        </div>
                        <i class="iconfont icon-jia bL_num_add"></i>
                    </div>
                </li>
            </ul>
            <div class="default_pay">
                <ul>
                    <li>
                        <div class="dP_name">
                            <i class="iconfont icon-weixinzhifu"></i>
                            <span>微信支付</span>
                        </div>
                        <div class="dP_check">
                            <input type="checkbox" checked="checked" />
                        </div>
                    </li>
                    <li>
                        <div class="dP_name">
                            <i class="iconfont icon-fukuan"></i>
                            <span>货到付款</span>
                        </div>
                        <div class="dP_check">
                            <input type="checkbox" />
                        </div>
                    </li>
                </ul>
            </div>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <!-- 预约送水 -->
            <ul class="buyList waterList mT02 box-shadow">
                <li>
                    <div class="bL_pic"><img src="./images/staticDemo/wCard_pic.jpg"/></div>
                    <div class="bL_com">
                        <em>商品名称</em>
                        <span class="bL_com_pp">
                            <i>品牌：娃哈哈</i>
                            <i>规格：5L/桶</i>
                        </span>
                        <p><span>已使用</span><i>3/10</i></p>
                    </div>
                    <div class="bL_num">
                        <div class="bl_no_num">
                            <i class="iconfont icon-jikediancanicon08"></i>
                            <span>2</span>
                        </div>
                        <i class="iconfont icon-jia1"></i>
                        <!-- 点击加icon时变化 -->
                    </div>
                </li>
            </ul>
            <div class="default_pd016 mT02 box-shadow">
                <div class="defult_addrss_selected">
                    <p><label>姓名</label><span>lghua</span></p>
                    <p><label>电话</label><span>13545454545</span></p>
                    <p><label>地址</label><span>广州省广州市</span></p>
                    <i class="iconfont icon-xiangyou"></i>
                </div>
            </div>
            <div class="f_submit mT06">
                <a href="javascipt;:" class="f_btn pop_btn">弹窗按钮</a>
            </div>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <!-- 预约送水 -->
            <ul class="buyList haveBuyList">
                <li>
                    <div class="bL_pic"><img src="./images/staticDemo/wCard_pic.jpg"/></div>
                    <div class="bL_com">
                        <em>商品名称</em>
                        <span class="bL_com_pp">
                            <i>品牌：娃哈哈</i>
                            <i>规格：5L/桶</i>
                            <i>数量：1</i>
                        </span>
                    </div>
                </li>
            </ul>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <!-- 订单详情头部的状态 -->
            <div class="defalut_head_orders default_pd016">
                <em>您的订单已成功取消</em>
                <div class="dHO_link">
                    <p>
                        2016.03.15 13:00
                    </p>
                    <a href="#" class="link_more">查看更多 <i class="iconfont icon-xiangyou"></i></a>
                </div>
            </div>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <!-- 物流详情头部的状态 -->
            <div class="default_pd016">
                <span>快递公司： 顺丰速运</span>
                <span>快递编号： 1546554541445</span>
                <span>收件人联系电话： 1354564646</span>
            </div>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <!-- 快递列表 -->
            <ul class="default_pd016 default_Courier">
                <li>
                    <a href="#">
                        <img src="./images/staticDemo/wCard_pic.jpg" />
                        <span>顺丰快递-485454152458</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/staticDemo/wCard_pic.jpg" />
                        <span>顺丰快递-485454152458</span>
                    </a>
                </li>
            </ul>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <!-- 社区便民 -->
            <div class="default_pd016 default_community">
                <h3>社区便民</h3>
                <ul>
                    <li class="dCy_branches">
                        <div class="dCy_pic">
                            <img src="./images/staticDemo/wCard_pic.jpg" alt="" />
                        </div>
                        <div class="dCy_b_com">
                            <em>香柏广场网点</em>
                            <ul class="default_label_branches">
                                <li>label</li>
                                <li>label</li>
                                <li>label</li>
                                <li>label</li>
                                <li>label</li>
                                <li>更多</li>
                            </ul>
                        </div>
                    </li>
                    <li class="dCy_notice">
                        <div class="dCy_pic">
                            <img src="./images/staticDemo/wCard_pic.jpg" alt="" />
                        </div>
                        <div class="dCy_b_com">
                            <div class="dCy_n_com">
                                <em>小区公告</em>
                                <p>小区公告最新动态信息</p>
                            </div>
                            <div class="f_submit">
                                <a href="javascipt;:" class="f_btn subscribe_btn"><i class="iconfont icon-975shoujitongxinlu"></i>短信订阅</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <!-- 底部 全屏居中文字 -->
            <div className="pB088 default_foot default_foot_btn3">
                <p>提交订单</p>
            </div>
            <!-- 底部 含协议 pB055样式 只为查看效果问题 后面用的时候去掉-->
            <div class="pB055 default_foot">
                <div class="dF_total dF_check">
                    <p><i class="iconfont icon-juxing10kaobei9"></i>我同意<i>《大拍快递运单条款》</i></p>
                </div>
                <div class="dF_btn">
                    <a href="javescript:;" >提交订单</a>
                </div>
            </div>
            <!-- 底部 -->
            <div class="default_foot">
                <div class="dF_total">
                    <p>合计：<i>￥88.00</i></p>
                </div>
                <div class="dF_btn">
                    <a href="javescript:;" >去结算</a>
                </div>
            </div>

        </div>
    </div>
    @@include('./_common/footer/foot.html')
  </body>
</html>
